<div class="seed-goods-spec seed-goods-purchase-warp seed-flexbox seed-flexbox-column">
  <div class="goods-close-btn" (click)="closeModal()">
    <button></button>
  </div>
  <seed-item class="goods-purchase-header seed-flexbox seed-flexbox-align-center">
    <div class="goods-preview-pic" *ngIf="tickets.imgList"
         [style.background-image]="'url('+tickets.imgList[0]?.goodsMiddleUrl+')'"></div>
    <div class="goods-selected-box">
      <div class="goods-selected-price" *ngIf="price != null">
        ￥{{price | zeroMoney}}
      </div>
      <div class="class-goods-selected-spec" *ngIf="price == null">请选择商品规格</div>
      <div class="class-goods-selected-spec" *ngIf="price != null">已选：
        <span *ngIf="playTime">{{playTime | date:'yyyy-MM-dd HH:mm'}}<span>、</span></span>
        <span>{{position}}</span>
      </div>
    </div>
  </seed-item>

  <div class="ticket-purchase-content">
    <h2 class="ticket-card-title">分类：</h2>
    <div class="ticket-scroll">
      <seed-card class="ticket-card" *ngFor="let item of tickets.skuDetailList,let idx = index"
                 (click)="ticketSelectedItem(item,idx)">
        <div class="ticket-card-info" [class.current]="current == idx">
          <p class="ticket-price-time">
            <span class="ticket-price-symbol" *ngIf="item.price != 0">￥{{item.price | money}}</span>
            <span class="ticket-price-symbol" *ngIf="item.price == 0">￥0</span>
            <span class="ticket-info-time">{{item.extMap.playTime |date:'yyyy-MM-dd HH:mm'}}</span>
            <span class="ticket-info-area">{{item.extMap.position}}</span>
          </p>
          <p class="ticket-buy-time" *ngIf="item.buyBeginTime">
            <span>购买时间：{{item.buyBeginTime| date:'yyyy/MM/dd'}}</span>
            <span *ngIf="item.buyEndTime">-</span>
            <span *ngIf="item.buyEndTime">{{item.buyEndTime| date:'yyyy/MM/dd'}}</span>
          </p>
        </div>
      </seed-card>
    </div>
  </div>

  <div
    class=" ticket-buy-number goods-count-box seed-flexbox seed-flexbox-content-between seed-flexbox-align-center">
    <span class="buy-number">购买数量<span class="no-buy-select" *ngIf="buyStatus == 1 && buyTimesLimit == 0">（不限购）</span>
    <span class="no-buy-select" *ngIf="buyStatus == 1 && buyTimesLimit != 0">限购{{buyTimesLimit}}件</span>
    <span class="no-buy-select" *ngIf="buyStatus == 0 && buyTimesLimit != 0"></span>
    </span>
    <seed-counter class="buy-numbers" [max]="maxLength"
                  (onSelected)="handleSelectedQuantity($event)"></seed-counter>
  </div>
  <div class="ticket-purchase-btn  ticket-button static seed-scroll-outside seed-flexbox" (click)="handleTicket()">
    <button class="opacity" [disabled]="!isDisabled">立即购买</button>
  </div>
</div>
